/*Do maintain the CSS for the PrintPages that is being Streamed in to the Page in PrintHelper.cs*/

/******************************************** Elements Section Starts********************************************/
html
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	overflow: -moz-scrollbars-vertical;
}

body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background: fixed;
	background-image: url(../../Images/logo_background.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

input
{
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
}
select
{
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background-color: #F7F7F7;
	border: 1px #BEBEBE solid;
	padding: 0px 0px 0px 2px;
}

a:link, a:visited, a:active
{
	color: #000000;
	text-decoration:underline;
	text-align: right;
	font-family: verdana,arial,sans-serif;
	vertical-align: top;
	outline:none;
}

a:hover
{
	color: #000000;
	text-decoration: none;
	text-align: right;
	font-family: verdana,arial,sans-serif;
	vertical-align: top;
}

td
{
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
}

/******************************************** Elements Section Ends********************************************/

/******************************************** IDs Section Starts********************************************/

/* Used to set the CSS of the Welcome Message that is display on the Top Right Corner of the Application*/
#WelcomeMessage
{
	position: absolute;
	right: 30px;
	top: 20px;
	height: 0px;
	width: 300px;
}


/******************************************** IDs Section Ends********************************************/


/******************************************** Classes Section Starts********************************************/

/********************************************Horizontal Menu Classes Starts********************************************/

/* Used for the MenuItem Buttons Text Color in the Horizontal MainMenu*/
.menu_text_color
{
	font-family: verdana,arial,sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
}


/* Used for the MenuItem Buttons in the Horizontal MainMenu*/
.menu_button
{
	font-family: verdana,arial,sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

/* Used to set the CSS for the MenuItem in the Horizontal Menu*/
.bannerpanel-normal
{
	background-image: url(../../Images/panel_normal.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	cursor: pointer;
}

/* Used to set the CSS for the Hover of the MenuItem in the Horizontal Menu*/
.bannerpanel-normal:hover
{
	color: #FFFFFF;
	background-image: url(../../Images/panel_selected_hover.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	cursor: pointer;
}


/* Used to set the CSS for the MenuItem that is Selected in the Horizontal Menu*/
.bannerpanel-selected
{
	background-image: url(../../Images/panel_selected.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	cursor: pointer;
}

/********************************************Horizontal Menu Classes Ends********************************************/

/********************************************Various Header and Heading/Title Classes Starts********************************************/

/* Used for the CSS of PageTitles that are being displayed like Add Kit Data,Add Lot Data, Add User*/
.pagetitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #315298;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../../Images/icon_heading.gif);
	background-repeat: no-repeat;
	background-position: left;
}


/* Used for the CSS of the Sub-Headings Used in the Pages like Roles in Add User Account Page */
.editpage-sub-heading
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #315298;
	padding-left: 8px;
	padding-top: 10px;
}

/* Used for the Headers of Tables in LotLabelAdmin and KitLabelAdmin to give it a look of GridView Header
Just like the Document-Header*/
.tableheader2
{
	font-weight: bold;
	background-color: #475b98;
	color: #e8eff8;
}

/* Used for the Headers of the Tables like the few in About.aspx,PrivilegeMapMain.aspx, few Reports Pages etc*/
.tableheader
{
	text-align: left;
	font-weight: bold;
	background-color: #475b98;
	color: #e8eff8;
	height: 20px;
	padding-left: 3px;
}


/********************************************Various Header and Heading/Title Classes Ends********************************************/


/********************************************Various Footer Classes Starts********************************************/

/* Used for the Footer Displayed in the Entire Application thorugh Master Pages*/
.footer
{
	background: fixed;
	background-image: url(../../Images/footer_tile_new.gif);
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: static;
}

/* Used for the CSS of the Footer Messages on the Forms like "Fields Marked * are Mandatory" */
.editpage-footer-filde
{
	font-size: 10px;
	font-weight: normal;
	color: #315298;
	height: 15px;
	padding-top: 5px;
}

/********************************************Various Footer Classes Ends********************************************/



/******************************************** TreeView Classes Starts********************************************/

/* Used to set the CSS for the Cell in which the TreeView resides*/
.leftpanel
{
	width: 200px;
	vertical-align: top;
	padding-left: 8px;
}

/* Used for the Title that appears on Top of the TreeView Showing which Menu Item is being Currently Selected*/
.leftpaneltitle
{
	color: #ffffff;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../../Images/leftpanel_start_tile.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	height: 25px;
	font-weight: bold;
}

/* Used to set the CSS for the Border of the TreeView*/
.tree-border
{
	border-left: solid 1px #CADAEF;
	border-right: solid 1px #CADAEF;
	background-color: #ebf1f9;
}

/* Used to set the CSS for the Parent Nodes Created in the TreeView*/
.root-node
{
	cursor: none;
	background-image: url(../../Images/tab_parent_tile.gif);
	background-position: left;
	background-repeat: repeat-x;
	border-bottom: solid 1px #CADAEF;
	height: 24px;
	text-decoration: none;
}

/* Used to set the CSS for the Leaf Nodes Created in the TreeView*/
.leaf-node
{
	cursor: none;
	background-color: #FFFFFF;
	border-bottom: solid 1px #CADAEF;
	height: 24px;
	text-decoration: none;
}

/* Used to set the CSS for the Selected Node Created in the TreeView ie Selected Nodes*/
.selected-node
{
	cursor: pointer;
	background-color: #CADAEF;
	border-bottom: solid 1px #CADAEF;
	height: 24px;
	text-decoration: none;
}
/* Used to set the CSS for the Selected Hover Node Created in the TreeView ie Hover Selected Nodes*/
.selected-hover-node
{
	cursor: pointer;
	background-color: #E4EDF8;
	border-bottom: solid 1px #e4e4e4;
	height: 24px;
	text-decoration: none;
}

/* Used to set the CSS for the Parent Node that is dynamically Created in the TreeView ie Parent ProcessSteps Nodes*/
.dynamicroot-node
{
	cursor: none;
	background-image: url(../../Images/tab_parent_tile_pink.gif);
	background-position: left;
	background-repeat: repeat-x;
	border-bottom: solid 1px #ffe7f4;
	height: 24px;
	text-decoration: none;
}

/* Used to set the CSS for the Selected Node that is dynamically Created in the TreeView ie Selected ProcessSteps Nodes*/
.selected-dynamicnode
{
	cursor: pointer;
	background-color: #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
	height: 24px;
	text-decoration: none;
}

/* Used to set the CSS for the Hover Selected Node that is dynamically Created in the TreeView ie Selected Hover ProcessSteps Nodes*/
.selecteddynamic-hover-node
{
	cursor: pointer;
	background-color: #f5f5f5;
	border-bottom: solid 1px #f5f5f5;
	height: 24px;
	text-decoration: none;
}

/******************************************** TreeView Classes Ends ********************************************/


/******************************************** Rounded Box Classes Starts ********************************************/

.top_left_corner
{
	background-image: url(../../Images/top_left_corner.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 10px;
}
.top_right_corner
{
	background-image: url(../../Images/top_right_corner.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 10px;
}

.bottom_left_corner
{
	background-image: url(../../Images/bottom_left_corner.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}
.bottom_right_corner
{
	background-image: url(../../Images/bottom_right_corner.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}

.topline
{
	background-image: url(../../Images/top.gif);
	background-repeat: repeat-x;
}

.bottomline
{
	background-image: url(../../Images/bottom.gif);
	background-repeat: repeat-x;
}

.leftline
{
	background-image: url(../../Images/left.gif);
	background-repeat: repeat-y;
}

.rightline
{
	background-image: url(../../Images/right.gif);
	background-repeat: repeat-y;
}
.workarea
{
	background-color: #E8EFF8;
}
/******************************************** Rounded Box Classes Ends Here ********************************************/


/******************************************* Classes Used for the File Upload Control ********************************************/

/* Used for the Table of FileDocuments to make it look like a GridView */
.documents-table
{
	font-size: 11px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	width: 100%;
	border-top-style: solid;
	border-top-color: transparent;
	font-family: verdana,arial,sans-serif;
	border-right-style: solid;
	border-left-style: solid;
	border-collapse: collapse;
	border-right-color: transparent;
	border-bottom-style: solid;
}

/* Used for the Header the Table of FileDocuments to make it look like a GridView */
.document-header
{
	font-weight: bold;
	color: #e8eff8;
	height: 18px;
	background-color: #475b98;
}

/* Used for the No Record Row the Table of FileDocuments to make it look like a GridView */
.document-no-record-row
{
	font-weight: bold;
	color: #42578e;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 15px;
	border-bottom-style: none;
}

/* Used for the First row of the Table of FileDocuments to make it look like a GridView */
.document-first-row
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 15px;
	border-bottom-style: none;
}

/* Used for the Second row of the Table of FileDocuments to make it look like a GridView */
.document-second-row
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 15px;
	background-color: #e0e2eb;
	border-bottom-style: none;
}
/******************************************** End of File Upload Control Classes ********************************************/


/******************************************** Start of PartSN LookUp PopUp Classes ********************************************/

/* Used in the PartSN LookUp Form Grids  */
.gridLink
{
	text-decoration:  none;
}

/* Used in the PartSN LookUp Form Grids for the Hover Event */
.gridLink:hover
{
	cursor: pointer;
	text-decoration: underline;
}

/******************************************** End of PartSN LookUp PopUp Classes ********************************************/

/******************************************** Start of Gridview Related Classes ********************************************/

/* Used to Hide anything */
.hidden-gridview-column
{
	display: none;
}

/* Used to set color of the Selected Grid View which not being done currently */
.selected-gridview-row
{
	background: inherit;
	background-color: #b4c2dd;
}


.hover-gridview-row
{
	background-color: #7C8EC2;	
	color : White;
}

/* Used for the First row of the GridView */
.first-gridview-row
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 15px;
	border-bottom-style: none;
}

/* Used for the Second row of the GridView */
.second-gridview-row
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 15px;
	background-color: #e0e2eb;
	border-bottom-style: none;
}


/* Used for the CSS of Pagers*/
.paging-number
{
	color: #315298;
	font-size: 10px;
	background-color: #CADAEF;
	cursor: pointer;
	height: 18px;
	font-weight: bold;
	text-decoration: none;
}

/* Used to Display Color of the Invalid Data Textboxes in the  
   Material Issue Grids,validated through the Database 
   Right Now this color is Hardcoded*/
.InvalidData
{
	background-color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	font-family: verdana,arial,sans-serif;
	text-decoration: none;
}

/******************************************** End of Gridview Related Classes ********************************************/

/******************************************** Start of Miscellaneous Classes ********************************************/

/* Used to set the Display OFF of any Control*/
.off
{
	display: none;
}

/* Used to set the Display ON of any Control*/
.on
{
	display: block;
}


/* Used for the Contents of the Tables like the few in About.aspx */
.tablegrid
{
	border-bottom: 1px #C7D9ED solid;
	height: 20px;
	padding-left: 3px;
}



/* Used for the CSS of the Fields that are Left in any input Data Form i.e. where for which we fill in the values */
.form-field-left
{
	text-align: left;
	color: #425769;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	height: 18px;
}

/* Used for the CSS of the Fields that are Right in any input Data Form i.e. where we fill in the values */
.form-field-right
{
	color: #425769;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	height: 18px;
	outline: none;
}


/* Used for the CSS of the Dropdown boxes in the application*/
.dropdawn-bg-color
{
	background-color: #FFFFFF;
}

/* Validation Messages */
.ValidationMessage
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Red;
	padding-left: 5px;
}

/* Validation Messages that are Aligned Left*/
.ValidationMessageLeft
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Red;
}



/* Used for display of success messages in Data Collection */
.msgSucess
{
	font-weight: bold;
	color: #425769;
	font-size: small;
}

/* Used for Bold Labels Displayed on the Top in View mode of Data Collection Pages Like PartSN / KitSN / LotSN */
.makeLabel
{
	font-size: larger;
	color: #3A4543;
	font-weight: bold;
}

/* Class Used for the Small PopUp Windows that are opened like for Download and Print */
.DownloadExcelPanelHeader
{
	font-size: 10pt;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

/* Used for the CSS of * used for the mandatory Symbol */
.for-star-red
{
	color: #FF0000;
}


/* Used for the CSS of PartSN Searching like in Reports*/
.div-search
{
	position: relative;
	right: -35px;
	top: 0px;
	height: 0px;
	display: none;
}

/* Used to Set the Banner Bottom Line that is Just used just below the Horizontal Main Menu*/
.banner-line-bottom
{
	border-bottom: solid 1px #828282;
}

/* Used for Most of the main right panel tables that holds the entire contents of the content place holder area*/
.rightpanel
{
	padding: 0px 20px 0px 20px;
}

/* Used for the CSS of mostly every table that is used in the Workarea Region of the Rounded Box*/
.table-bg-search
{
	color: #425769;
	font-size: 10px;
	padding: 8px 8px 8px 8px;
	height: 15px;
	outline: none;
}

/* Used to set the White Background in the Control Chart Page in the table where the Control Charts are being generated*/
.WhiteBackGround
{
	background-color: #ffffff;
}

/* Used to set the CSS for some Labels used in the Analysis Pages*/
.TextFont
{
	font-size: 10px;
	color: black;
	font-family: Verdana;
}

/* Used to set the ChildCssClass and RootCssClass of the WebTreeView used in the DataExtracts*/
.WebTreeViewItemStyle
{
	font-size: 11px;
	color: #000000;
	padding-left: 5px;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
}

/* Used to set the height of the buttons like Add,Print,Submit,Cancel,OrderRoles etc*/
.table-button-height
{
}

/* Used for the CSS of the Body of the Forms that are displayed as PopUp or 
   whereever we don't need the GE Logo in the Background */
.bodyimgnone
{
	background-image: none;
}

/* Class that is used to set the width for the Input Textboxes used in the application*/
.input-width
{
	width: 250px;
}


/* Class used to highlight the Current Selected Page Index in the Pager*/
.pager span
{
	color: #e8eff8;
	font-size: 10pt;
	background-color: #475b98;
}

/* Used for the CSS of SuccessFull Message on Add/Edit/Delete*/
.msg-success
{
	color: #00A800;
	font-weight:bold ;
}

/* Used for the CSS of Dynamic Column Headers generated in Yield Analysis Grid*/
.gadget_columnhead
{
	border-top-width: 0px;
	border-right:  2px outset;
	font-weight: bold;
	border-left-width: 0px;
	font-size: 11px;
	color: #000000;
	border-bottom: 2px outset;
	font-family: Verdana;
	white-space: nowrap;
	height: 22px;
	background-color: #e5f6ff;
	text-align: left;
}


/******************************************** End of Miscellaneous Classes ********************************************/

/******************************************** Start of AJAX Control Classes ********************************************/

/*AutoComplete flyout */
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color:White;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor :pointer;
	height : 75px;
    text-align : left; 
    list-style-type : none;
    overflow-x:hidden; 
    overflow-y:scroll;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	width:99%;
}

/* AutoComplete item */
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/******************************************** End of AJAX Control Classes ********************************************/

/******************************************** Classes Section Ends********************************************/

.IndicationResult
{
    background-repeat: repeat-x;
    background-image: url(../../images/result_tile_pannel.gif);
}

.inspection-table-border
{
    border: 1px solid #79bde2;
}

.inspection-table-header{
text-align:left;
font-weight:bold;
background-color:#475B98;
height:20px;
padding-left:3px;
color:#e8eff8;
}


#tablegrid .odd{
height:20px;
padding-left:3px; border-top:1px solid #fff;}

#tablegrid .odd:hover{
height:20px;
padding-left:3px; border-top:1px solid #fff; background-color:#7c8ec2; color:#fff}

#tablegrid .even{
height:20px;
padding-left:3px; border-top:1px solid #fff; background-color:#e0e2eb}


#tablegrid .even:hover{
height:20px;
padding-left:3px; border-top:1px solid #fff; background-color:#7c8ec2; color:#fff}

.result_accept{ color:#0f681c; font-weight:bold;}
.result_reject{ color:#b30707; font-weight:bold;}
.result_pending{ color:#0713b3;}
.result_heading{ color:#004080; font-size:11px;}
.result_heading_accept{ color:#0f681c; font-size:11px;}
.result_heading_pending{color:#0713b3; font-size:11px;}
.result_heading_reject{color:#b30707; font-size:11px;}